{% extends "base/base.html" %}
{% load staticfiles %}
      <!-- Button trigger modal -->



{% block customer_css %}
<link rel="stylesheet" type="text/css" href="{% static 'customer/login.css' %}">

{% endblock %}
{% block body %}
<body style="background: transparent">
<div class="container">
  <div class="row">
    <div class="col-md-4 col-md-offset-8 panel panel-default" style="background-color: rgba(255, 255, 255, 0.6);">
      <h1 class="margin-base-vertical">Have you ever seen the rain?</h1>
      <form action="/login" method="post" class="margin-base-vertical ">
      {% csrf_token %}
        <p class="input-group ">
        <span class="input-group-addon"><span class="glyphicon glyphicon-book"></span></span>
          <input id="user_name" class="from-control input-lg" placeholder="username" name="name"/>
        </p>
        <p class="input-group">
          <span class="input-group-addon"><span class="glyphicon glyphicon-lock"></span> </span>
          <input id="user_pass" class="from-control input-lg" placeholder="password" name="password" type="password" />
        </p>
        <p class="text-center">北京电子科技学院信息安全系<code>信安协会</code>制作</p>
        <p class="text-center">Beijing Electronic techology Institute <code>Information Security Institute</code>----made </p>
        <p class="text-center">
          <button class="btn-success btn btn-lg" type="submit">Login</button>
        </p>
      </form>
    </div>
  </div>
</div>
{% if error_info %}
<div  id="error_info" class="modal fade bs-example-modal-sm" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-sm">
    <div class="modal-content">
    <p>login failed ... <code>{{ error_info  }}</code></p>
    </div>
  </div>
</div>
<script type="text/javascript">
  $('#error_info').modal(show);
</script>
{% endif %}
</body>

{% endblock %}
